page-fingerprint-setting {
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }

    .fingerprint-toggle.toggle-ios {
        width: computed-vw(140);
        height: computed-vw(80);
        padding: 0;
    }
    .list-ios .item-ios {
        padding-left: computed-vw(60) !important;
    }
    .list-ios .item-inner {
        padding-right: computed-vw(60) !important;
    }

    .panel-item {
        padding: 0 computed-vw(60);
        border-bottom: 1px solid #dcddde;
        font-size: 4vw;

        line-height: computed-vw(168);
        height: computed-vw(168);
        div {
            display: inline-block;
            line-height: computed-vw(168);
            height: computed-vw(168);
        }
        div:nth-of-type(1) {
            width: 70%;
            text-align: left;
            float: left;
        }

        div:nth-of-type(2) {
            width: 30%;
            float: left;
            text-align: right;
        }
        .firstImg {
            width: computed-vw(140);
            height: computed-vw(80);
            vertical-align: middle;
        }
    }
    ion-content {
        .main-content {
            .word-break {
                overflow: hidden;
            }
            .panel-item {
                padding: 0 computed-vw(60);
                border-bottom: 1px solid #dcddde;
                font-size: 4vw;

                line-height: computed-vw(168);
                height: computed-vw(168);

                div {
                    display: inline-block;
                    line-height: computed-vw(168);
                    height: computed-vw(168);
                }
                div:nth-of-type(1) {
                    width: 70%;
                    text-align: left;
                    float: left;
                }

                div:nth-of-type(2) {
                    width: 30%;
                    float: left;
                    text-align: right;
                }
            }

            .firstImg {
                width: computed-vw(140);
                height: computed-vw(80);
                vertical-align: middle;
            }

            .secondImg {
                width: computed-vw(24);
                height: computed-vw(24);
            }
            .panel-item.no-border {
                border: 0;
            }
        }
    }

    .normal-tip-msg {
        .alert-button-group {
            .alert-button {
                color: #35ac63 !important;
            }
        }
        .alert-wrapper {
            position: fixed;
            width: computed-vw(650);
            height: computed-vw(436);
            left: 50% !important;
            top: 50% !important;
            margin-left: computed-vw(-325) !important;
            margin-top: computed-vw(-218) !important;
        }
        .alert-message {
            text-align: left !important;
            line-height: 1.3 !important;
            font-size: computed-vw(45) !important;
            margin-left: computed-vw(50) !important;
            margin-right: computed-vw(50) !important;
        }
    }

    .assist-login-alert-message {
        .alert-message {
            font-size: computed-vw(60);
            color: #1e2029;
            font-weight: normal !important;
            margin-top: computed-vw(50) !important;
            margin-bottom: computed-vw(50) !important;
            padding: 0 !important;
        }
        .alert-button-group .alert-button:last-of-type {
            color: #35ac63 !important;
            background-color: #f5f5f5;
        }
        input {
            height: computed-vw(90);
            width: computed-vw(640);
            font-size: computed-vw(41);
            margin-top: 0 !important;
            border-color: #808080;
        }
        input:focus {

            color: #35ac63;
        }
        &.alert-ios .alert-wrapper {
            width: computed-vw(840) !important;
            max-width: computed-vw(840) !important;
            margin-left: computed-vw(-420) !important;
        }
    }

}



